﻿@import "variables.less";
@import "mixins.less";
//
// 选项卡
//
.tab {
    position: absolute;
    left: @tab-left;
    right: 20px;
    height: @tab-height;
    padding: @tab-padding;
    background-color: @component-bg;
    .box-shadow(@tab-box-shadow);
    overflow: auto;
    @media (min-width: 0) and (max-width: @screen-lg) {
        left:100px;
    }
}

.nav-tabs {
    height: @tab-header-height;
    >li {
        float: left;
        >a {
            display: block;
            margin: 0 1em;
            padding: 10px 0 5px;
            border-bottom: 2px solid white;
            font-size: @font-size-medium;
            font-weight: bold;
        }
        &.active>a {
            &,
            &:hover,
            &focus {
                border-bottom: 2px solid lighten(@primary, 10%);
            }
        }
    }
}

.tab-content {
    >.tab-pane {
        display: none;
    }
    >.active {
        display: block;
    }
}